<template>
  <section>
    <p>
      <!-- Alt + C -->
      <input placeholder="按下atl+c触发" @keyup.alt.67="clear">
    </p>
    <p @click.ctrl="doSomething">ctrl+click 什么也不做</p>
    <p>
      <button @click.ctrl="onClick">即使 Alt 或 Shift 被一同按下时也会触发</button>
    </p>
    <p>
      <button @click.ctrl.exact="onClick">有且只有 Ctrl 被按下的时候才触发</button>
    </p>
    <p>
      <button @click.exact="onClick">没有任何系统修饰符被按下的时候才触发</button>
    </p>
  </section>
</template>

<script>
export default {
  name: "SystemModifier",
  methods: {
    clear() {
      console.log("alt+c 被触发了");
    },
    doSomething() {
      console.log("click mouse left key + ctrl 被触发了");
    },
    onClick() {
      console.log("按钮被触发了");
    }
  }
};
</script>